<div>
<ul class="unitList">
    <li class="listHeader">
        <span class="label">Name</span>
        <span>Type</span>
        <span>MOVE</span>
        <span>ARM</span>
        <span>DAM</span>
        <span>ACT</span>
        <span class="aug">AUG</span>
        <span class="wideLabel">Ranged</span>
        <span class="melee">Melee</span>
        <span class="wideLabel">Traits</span>
    </li>
    <li ng-repeat="unit in units" ng-click="updatePath(unit)" ng-class-even="'zebra'">
        <span class="label">{[{ unit.label }]}</span>
        <span>{[{ unit.unit_type}]}</span>
        <span>{[{ unit.move_val }]}" {[{ unit.move_type}]}</span>
        <span>{[{ unit.armor}]}</span>
        <span>{[{ unit | damageNumbers }]}</span>
        <span>{[{ unit.actions}]}</span>
        <span class="aug">{[{ unit | augSummary }]}</span>
        <span class="wide">{[{ unit.ranged | shortWeapons }]}</span>
        <span class="melee">{[{ unit.melee | shortWeapons }]}</span>
        <span class="wide">{[{ unit.traits | shortTraits }]}</span>
    </li>
</ul>
</div>